<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>!!!김기열을 이겨라 싸이게임 이벤트</title>
<link rel="stylesheet" type="text/css" href="../css/event.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://script.csp.nate.com/css/sp.css" />
<script src="http://common.nate.com/nameUI/CommonScript.aspx?c=UTF8"  type="text/javascript"></script>
<script src="../js/jquery-1.8.3.min.js"  type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	var showRoll = function(index) {
		$("#bg_banner").addClass("bg_common bg_banner" + index);
		$(".banner" + index).css("display", "block");
	}
	var hideRoll = function() {
		$("#bg_banner").removeClass();
		$(".banner0, .banner1, .banner2, .banner3").css("display", "none");
	}
	
	// 상단 배너 교체
	$(".paginate a").click(function() {
		
		// index
		var bannerIndex = $(".paginate a").index(this);
		
		hideRoll();
		showRoll(bannerIndex);
		$(".btn_appdown").removeClass('on');
		$(".qrcode").css("display", "none");
		
		
		// 상단 색상 변경
		$(".header").css("background-image", "url(../img/bg_banner" + bannerIndex + "_bg.jpg)");
		
		// 상단 배너 변경
		$("#bg_banner").removeClass();
		$("#bg_banner").addClass("bg_common bg_banner" + bannerIndex);

		// 페이징 변경
		$(".paginate a").removeClass("on");
		$(this).addClass("on");

		// if (bannerIndex == 0) {
		// 	$(".banner0").css("display", "block");
		// } else {
		// 	$(".banner0").css("display", "none");
		// }
	});

	$(".btn_appdown").click(function() {
		$(".qrcode").css("display", "block");
		$(".btn_appdown").addClass("on");
	});


	$(".btn_close").click(function() {
		$(".qrcode").css("display", "none");
		$(".btn_appdown").removeClass('on');
	});
	

	// 게임정보보기
	$('.event1 dl').hover(function() {
		$(this).find('img').stop(true, true).fadeOut();
	}, function() {
		$(this).find('img').stop(true, true).fadeIn();
	});
});
</script>
</head>

<body>

<!-- S : [Gnb] -->
<div id="textGnb"></div>
<script type="text/javascript">
//<![CDATA[
	var NateGNB = new classNateGNB();
//]]>
</script>
<!-- E : [Gnb] -->
<!-- S : [Wrap] -->
<div id="wrap">
	<div class="header">
		<h1><a href="http://www.nate.com/?f=cysvc" title="메인가기">싸이월드</a></h1>
		<h2><a href="http://apps.cy.nate.com/" title="앱스토어">앱스토어</a></h2>

		<div id="bg_banner" class="bg_common bg_banner0"><!-- 배너 변경될때 배경변경 banner0 ~ banner3 -->
			<div id="wrapImageRoll" class="rollingBanner">
				<div class="banner0">
					<p>김기열을 이겨라! 싸이게임은 폰번호를 몰라도 대결가능! 샐러브리티, 일촌, 폰주소로그 카톡으로 친구 맺고 게임 잠수를 겨룰 수 있습니다!</p>
					<a href="http://music.cyworld.com/event/event_view.asp?pEventId=2365" class="music_link" target="_blank" title="다른 사람이 불렀으면 잘 될 수도 있었을 노래">다른 사람이 불렀으면 잘 될 수도 있었을 노래</a>
					<a href="http://www.cyworld.com/kiyulking/" target="_blank" class="minihp" title="김기열과 일촌맺기">김기열과 일촌맺기</a>
				</div>
				<!-- 수정 -->
				<div class="banner1" style="display:none;">
					60초 동안 터치만 하면 팡팡! 터트리는 즐거움에 빠져 보세요
					<p class="txt_cyapp">싸이게임은 싸이앱을 통해서도 만나실 수 있습니다.</p><!-- 추가 -->
					<a href="#appdown" class="btn_appdown" title="앱 다운로드">앱 다운로드</a><!-- 비활성화시 클래스 off 추카 -->
					<div class="qrcode" style="display:none;">
						<a href="#" class="btn_close" title="닫기">닫기</a>
					</div>
				</div>
				<div class="banner2" style="display:none;">
					대규모 길드로 나라를 건설하는 재미! 길드전쟁으로 세계를 정복해 보세요
					<p class="txt_cyapp">싸이게임은 싸이앱을 통해서도 만나실 수 있습니다.</p><!-- 추가 -->
					<a href="#appdown" class="btn_appdown" title="앱 다운로드">앱 다운로드</a>
					<div class="qrcode" style="display:none;">
						<a href="#" class="btn_close" title="닫기">닫기</a>
					</div>
				</div>
				<div class="banner3" style="display:none;">
					반짝이는 숫자를 빠르게 터치! 스타팝으로 고득점을 올려보세요.
					<p class="txt_cyapp">싸이게임은 싸이앱을 통해서도 만나실 수 있습니다.</p><!-- 추가 -->
					<a href="#appdown" class="btn_appdown" title="앱 다운로드">앱 다운로드</a>
					<div class="qrcode" style="display:none;">
						<a href="#" class="btn_close" title="닫기">닫기</a>
					</div>
				</div>
				<!-- //수정 -->
			</div>
			<div class="wrap_paginate">
				<div id="paginate" class="paginate f_clear">
					<a href="#" class="on">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
				</div>
			</div>
		</div>
	</div>

	<div>
		merge test
	</div>

	<div class="contents">
		<div class="event1">
			<h3>김기열과 겨룰 게임을 선택하세요</h3>
			<p>매주 김기열보다 게임 점수가 높은 분 모두에게 도토리 5개를 드립니다.(게임 중복참여 가능/ 길드 엠파이어는 유,무선 연동되며, 불리2와 스타팝은 모바일 전용 게임입니다) * 게임 스코어는 전날 기준으로 적용됩니다.</p>

			<div class="gameMenu f_clear">
				<dl class="game0">
					<dt><strong>길드엠파이어 (PC+Mobile)</strong></dt>
					<dd class="thumb"><img src="../img/game0.gif" alt="길드엠파이어" /></dd>
					<dd class="link"><a href="http://apps.cy.nate.com/Apps/Canvas?apps_no=3190&amp;amp;use_network=CY" target="_blank" title="APP PLAY">APP PLAY</a></dd>
					<dd class="score"><em>김기열의 게임스코어</em>428,048등</dd>
				</dl>

				<dl class="game1">
					<dt><strong>불리2 (Mobile)</strong></dt>
					<dd class="thumb"><img src="../img/game1.gif" alt="불리2" /></dd>
					<dd class="link"><a href="http://www.tstore.co.kr/userpoc/game/viewProduct.omp?t_top=DP000501&amp;amp;dpCatNo=DP01001&amp;amp;insDpCatNo=DP01001&amp;amp;insProdId=0000315554&amp;amp;prodGrdCd=PD004401" target="_blank" title="T Store 가기">T Store 가기</a></dd>
					<dd class="score"><em>김기열의 게임스코어</em>4,609등</dd>
				</dl>

				<dl class="game2">
					<dt><strong>스타팝 (Mobile)</strong></dt>
					<dd class="thumb"><img src="../img/game2.gif" alt="스타팝" /></dd>
					<dd class="link"><a href="http://www.tstore.co.kr/userpoc/game/viewProduct.omp?t_top=DP000501&amp;amp;dpCatNo=DP01001&amp;amp;insDpCatNo=DP01001&amp;amp;insProdId=0000309555&amp;amp;prodGrdCd=PD004401" target="_blank" title="T Store 가기">T Store 가기</a></dd>
					<dd class="score"><em>김기열의 게임스코어</em>123,456등</dd>
				</dl>
			</div>

			<p class="music_link">
				<a href="http://music.cyworld.com/event/event_view.asp?pEventId=2365" target="_blank" title="김기열의 첫번째 미니앨범 보러가기">개그도 하고 노래도 부르는 김기열의 첫번째 미니앨범 보러가기</a>
			</p>
		</div>

		<div class="event2">
			<h3>별점 &amp;amp; 후기쓰고 상품권 받자!</h3>
			<p>Good 후기 작성시, 싸이 ID를 남겨주시면 에뛰드상품권(50명), 문화상품권(20명), 백화점상품권(10명)을 추첨 통해 드립니다.</p>

			<div class="gameMenu f_clear">
				<dl class="game0">
					<dt><strong>길드엠파이어 (PC+Mobile)</strong></dt>
					<dd class="link"><a href="http://www.tstore.co.kr/userpoc/game/viewProduct.omp?t_top=DP000501&amp;dpCatNo=DP01002&amp;insDpCatNo=DP01002&amp;insProdId=0000323405&amp;prodGrdCd=PD004401" target="_blank" title="후기 쓰기">후기 쓰기</a></dd>
					<dd class="point">
						<span class="star">
							<span class="status" style="width:90%"></span><!-- 별점 x 2 x 10 -->
							<span class="score">4.5</span>
						</span>
					</dd>
				</dl>

				<dl class="game1">
					<dt><strong>불리2 (Mobile)</strong></dt>
					<dd class="link"><a href="http://www.tstore.co.kr/userpoc/game/viewProduct.omp?t_top=DP000501&amp;amp;dpCatNo=DP01001&amp;amp;insDpCatNo=DP01001&amp;amp;insProdId=0000315554&amp;amp;prodGrdCd=PD004401" target="_blank" title="후기 쓰기">후기 쓰기</a></dd>
					<dd class="point">
						<span class="star">
							<span class="status" style="width:88%"></span><!-- 별점 x 2 x 10 -->
							<span class="score">4.4</span>
						</span>
					</dd>
				</dl>

				<dl class="game2">
					<dt><strong>스타팝 (Mobile)</strong></dt>
					<dd class="link"><a href="http://www.tstore.co.kr/userpoc/game/viewProduct.omp?t_top=DP000501&amp;amp;dpCatNo=DP01001&amp;amp;insDpCatNo=DP01001&amp;amp;insProdId=0000309555&amp;amp;prodGrdCd=PD004401" target="_blank" title="후기 쓰기">후기 쓰기</a></dd>
					<dd class="point">
						<span class="star">
							<span class="status" style="width:42%"></span><!-- 별점 x 2 -->
							<span class="score">2.1</span>
						</span>
					</dd>
				</dl>
			</div>
		</div>

		<div class="event3">
			<h3>이벤트 알리고, 선물 받자!</h3>
			<p>이벤트를 알려주시면 호빵(500명), 티머니(1만원권/100명), K-POP콘서트 티켓(1인 2매/10명)을 추첨 통해 드립니다.</p>
			<div class="sns_list">
				<strong>내보내기 : </strong>
				<a href="#" class="facebook" title="facebook"><img src="../img/btn_facebook.gif" alt="facebook" /></a>
				<a href="#" class="twitter" title="twitter"><img src="../img/btn_twitter.gif" alt="twitter" /></a>
				<a href="#" class="nateon" title="네이트온"><img src="../img/btn_nateon.gif" alt="네이트온" /></a>
				<div class="social_mod_btn">
					<a href="#" title="싸이월드 공감" class="off">
						<span class="txt_feel">공감</span>
					</a>
					<span class="count"><a class="info" href="#">21</a></span>
				</div>
			</div>
		</div>

		<div class="guide">
			<h4>이벤트안내</h4>
			<ul>
				<li>이벤트 기간 : 1월21일 ~ 2월 7일 / 당첨자 발표 : 2월 15일</li>
				<li>제세공과금은 당첨본인 부담이며, 당첨자에게는 개별 연락 드립니다.</li>
				<li>도토리 5개는 매주 김기열보다 점수(등수)가 높은 분들을 대상으로, 당첨자 발표일 일괄 지급됩니다.</li>
				<li>원활한 경품지급을 위해 개인정보는 2월 10일까지 올바르게 수정해 주세요!</li>
				<li>해당이벤트는 안드로이드 회원만 참여 가능하며, iOS회원은 상반기중 서비스가 오픈 될 예정입니다.</li>
			</ul>
		</div>
	</div><!-- [contents]end -->
</div>
<!-- E : [Wrap] -->

<!-- S : [Footer] -->
<div id="footer">		
	<div class="copyright">
		Copyright &copy; <a target="_blank" href="http://www.skcomms.co.kr"><strong><span class="sk">SK</span> Communications.</strong></a> All rights reserved.
	</div>
</div>
<!-- E : [Footer] -->


</body>
</html>